<template>
	<view>
		<view class="flex-col container">
			<view class="flex-col group">
				<view class="flex-col group_1">
					<image
						src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205440221851719.png"
						class="image" />
					<view class="flex-col text-wrapper">
						<text class="text text_1">中医分析与建议</text>
					</view>
				</view>
				<view class="flex-row group_2">
					<image
						src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205435374219441.png"
						class="image_1" />
					<image
						src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205436870556229.png"
						class="image_2" />
					<image
						src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205438519559198.png"
						class="image_3" />
					<image
						src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205441774893943.png"
						class="image_4" />
					<image
						src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205448625591047.png"
						class="image_5" />
					<image
						src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205450475213160.png"
						class="image_6" />
					<image
						src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205452325573397.png"
						class="image_7" />
				</view>
			</view>
			<view class="flex-col group_3" style="
				    width: 80%;
				    margin: auto;
				    margin-bottom: 20px;
			">
				<view v-html="db.content"></view>
			</view>
			<!-- <view class="flex-col group_3">
				<view class="flex-col items-center group_4">
					<view class="flex-col text-wrapper_1">
						<text class="text text_2">中医分析和指导方案</text>
					</view>
					<image
						src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205460554174773.png"
						class="image_8" />
					<image
						src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205462134673003.png"
						class="image_9" />
				</view>
				<view class="group_5">
					<text>
						通过对您进行面诊，望闻问切，时光不可阻挡，岁月交错中总要有些思量。人生只有在不短的思考中才会有所进步，有所追求，有了目标的人生才不会孤独和无助，只有让自己的心静下来时一些前方的东西才会明朗的展现在我们的面前。让我们不再迷惑于为所谓的挣扎中，谁的年华没有色彩，谁的青春没有耀眼的光芒，只是在岁月的长河里我们的选择不同，所的到的结局就不同，每个人都需要努力才会的到一切自己所要追求的东西和梦想。。<br /></text>
					<text><br /></text>
					<text class="text_5">作为您的健康管理员对您的生活提出两点建议：</text>
				</view>
				<view class="flex-col group_6">
					<view class="group_7">
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205458077690904.png"
							class="image_10" />
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205463783899062.png"
							class="image_11" />
						<view class="group_8">
							<text class="text_6">一、生命无常，人生苦短，记忆的时光中我们匆匆的<br /></text>
							<text class="text_6">走过，走过喧嚣。<br /></text>
							<text class="text_6"><br /></text>
							<text class="text_6">二、生命无常，人生苦短，记忆的时光中我们匆匆走<br /></text>
							<text class="text_6">过，走过喧嚣，走过孤寂，时光无情地带走了我们的<br /></text>
							<text class="text_6">青春年少。<br /></text>
						</view>
						<view class="flex-col items-center text-wrapper_2">
							<text class="text_13">指导建议</text>
						</view>
					</view>
					<view class="flex-col items-center group_9">
						<view class="flex-col text-wrapper_3">
							<text class="text text_15">运动方式和方法指导</text>
						</view>
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205472103433494.png"
							class="image_12" />
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205473611425967.png"
							class="image_13" />
					</view>
				</view>
				<view class="group_10">
					<text>
						时光荏苒，蹉跎了谁的年华，匆匆行走的岁月长河中，有些人只顾着追寻他人的脚步，忘记了自己的方向，忘记了自己的目标和理想。<br /></text>
					<text>
						有些人几顾思星不敢走出自己的道路，因而迷失了方向。迷失了自己。有些人默默坚守，把青春的岁月包裹在温热的怀里，载着它踏上梦想的征途，不留一丝遗憾
						，不留一点别人靠近的距离。</text>
				</view>
				<view class="flex-col items-center group_11">
					<view class="flex-col group_12">
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205475045755052.png"
							class="image_14" />
						<view class="group_13">
							<text class="text_6">1． 散步 <br /></text>
							<text class="text_6">散步是一种最为流行的健身方法，对老年人来说既<br /></text>
							<text class="text_6">安全又有效。散布的特点是轻快自然，随心所欲，<br /></text>
							<text class="text_6">运动量的大小可以通过调节步速进行调节。若想加<br /></text>
							<text class="text_6">大运动量，只要加快步伐就能达到目的。一般说来，<br /></text>
							<text class="text_6">散布的步幅较小（50-60</text>
							<text class="text_6">㎝</text>
							<text class="text_6">／步），步速较慢<br /></text>
							<text class="text_6">（25-30m／min）。 </text>
						</view>
						<view class="flex-col items-center text-wrapper_4">
							<text class="text_13">指导建议</text>
						</view>
					</view>
					<view class="flex-col items-end group_14">
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205481522709858.png"
							class="image_15" />
						<view class="group_15">
							<text class="text_6">2． 快步走 <br /></text>
							<text class="text_6">快步走是一种步频和步速较快（130-250m／min），<br /></text>
							<text class="text_6">运动量稍大的走法，它适合有一定锻炼基础的健康<br /></text>
							<text class="text_6">老年人。 <br /></text>
							<text class="text_6">快步走的身体姿势：身体适度前倾3-5度。抬头，垂背</text>
							<text class="text_6">，<br /></text>
							<text class="text_6">挺胸，收腹提臀。</text>
						</view>
						<view class="flex-col items-center text-wrapper_5">
							<text class="text_13">指导建议</text>
						</view>
					</view>
				</view>
				<view class="group_16">
					<image
						src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205470091162841.png"
						class="image_16" />
					<image
						src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205478049057077.png"
						class="image_17" />
					<view class="group_17">
						<text class="text_6">3． 倒步走 <br /></text>
						<text class="text_6">倒步走即倒退着走步。据有关研究表明，倒步走比<br /></text>
						<text class="text_6">正步走的氧气消耗高31%，心率快15%，血液中的<br /></text>
						<text class="text_6">乳酸含量也较高。因此，倒步走是减肥运动中最经<br /></text>
						<text class="text_6">济，收效最大的监视方法之一，且适合于各种年龄。<br /></text>
						<text class="text_6">倒步走由于可以增强大腿后肌群和腰背部肌群的力<br /></text>
						<text class="text_6">量，因此还可以预防腰痛。</text>
					</view>
					<view class="flex-col items-center text-wrapper_6">
						<text class="text_13">指导建议</text>
					</view>
				</view>
				<view class="flex-col section_1">
					<text class="text text_44">饮食与食疗生活建议</text>
					<view class="group_18">
						<text class="text_6 text_45">一、因人而异<br /></text>
						<text
							class="text_46">　　火红色的晚霞,燃尽了上空半边天,逐渐，云卷云舒,亦开始消散，似乎与今朝互道离别。草董色的天幕开始收敛的同时，夜幕也在静悄悄地吞噬了苍穹﹐凝望天边那轮，染红天涯如血的落日，收起了万丈光芒，纵身—跃，藏在了山腰后。<br /></text>
						<text class="text_47"><br /></text>
						<text class="text_6 text_48">二、持之以恒</text>
						<text class="text_49"><br /></text>
						<text
							class="text_50">　　火红色的晚霞,燃尽了上空半边天,逐渐，云卷云舒,亦开始消散，似乎与今朝互道离别。草董色的天幕开始收敛的同时，夜幕也在静悄悄地吞噬了苍穹。<br /></text>
						<text class="text_51"><br /></text>
						<text class="text_6 text_52">三、循序渐进</text>
						<text class="text_53"><br /></text>
						<text
							class="text_54">　　火红色的晚霞,燃尽了上空半边天,逐渐，云卷云舒,亦开始消散，似乎与今朝互道离别。草董色的天幕开始收敛的同时，夜幕也在静悄悄地吞噬了苍穹﹐凝望天边那轮，染红天涯如血的落日。</text>
					</view>
				</view>
			</view> -->
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				db:{}
			};
		},
		onLoad(o) {
			this.db = JSON.parse(decodeURIComponent(o.db))
		}
		
	}
</script>

<style lang="scss">
	@import '@/common/style.scss';

	.container {
		padding-top: 123rpx;
		text-transform: none;
		background-image: url('https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205583516347821.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 100vw;
		height: 100vh;
		overflow-y: auto;

		.group {
			padding: 0 38rpx;
			color: rgb(255, 255, 255);
			font-size: 33rpx;
			line-height: 25rpx;
			letter-spacing: 4.82rpx;
			white-space: nowrap;

			.group_1 {
				padding-top: 24rpx;
				position: relative;

				.image {
					margin-left: 31rpx;
					width: 225rpx;
					height: 52rpx;
				}

				.text-wrapper {
					padding: 13rpx 0 10rpx;
					background-image: url('https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205584990998733.png');
					background-size: 100% 100%;
					background-repeat: no-repeat;
					position: absolute;
					left: 220rpx;
					top: 0;

					.text_1 {
						margin-left: 8rpx;
					}
				}
			}

			.group_2 {
				margin-top: 9rpx;
				height: 970rpx;
				position: relative;

				.image_1 {
					width: 124rpx;
					height: 75rpx;
					position: absolute;
					left: 391rpx;
					top: 62rpx;
				}

				.image_2 {
					width: 97rpx;
					height: 48rpx;
					position: absolute;
					left: 87rpx;
					top: 38rpx;
				}

				.image_3 {
					width: 97rpx;
					height: 49rpx;
					position: absolute;
					left: 484rpx;
					top: 368rpx;
				}

				.image_4 {
					width: 225rpx;
					height: 54rpx;
					position: absolute;
					left: 427rpx;
					top: 636rpx;
				}

				.image_5 {
					filter: drop-shadow(0px 10rpx 30rpx rgba(13, 4, 8, 0.3));
					width: 394rpx;
					height: 591rpx;
					position: absolute;
					top: 0;
					left: 50%;
					transform: translateX(-50%);
				}

				.image_6 {
					width: 371rpx;
					height: 77rpx;
					position: absolute;
					left: 45rpx;
					top: 883rpx;
				}

				.image_7 {
					width: 450rpx;
					height: 474rpx;
					position: absolute;
					left: 0;
					top: 496rpx;
				}
			}
		}

		.group_3 {
			margin-top: 52rpx;

			.group_4 {
				padding-bottom: 29rpx;
				color: rgb(255, 255, 255);
				font-size: 42rpx;
				line-height: 38rpx;
				white-space: nowrap;
				position: relative;

				.text-wrapper_1 {
					padding: 46rpx 0 43rpx;
					box-shadow: 0px 10rpx 30rpx rgba(13, 4, 8, 0.3);
					background-image: url('https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205584976517459.png');
					background-size: 100% 100%;
					background-repeat: no-repeat;
					position: relative;

					.text_2 {
						margin-left: 52rpx;
						margin-right: 37rpx;
					}
				}

				.image_8 {
					width: 181rpx;
					height: 45rpx;
					position: absolute;
					left: 0;
					top: 111rpx;
				}

				.image_9 {
					width: 165rpx;
					height: 46rpx;
					position: absolute;
					right: 0;
					top: 18rpx;
				}
			}

			.group_5 {
				margin-top: 24rpx;
				align-self: center;
				color: rgb(51, 51, 51);
				font-size: 22rpx;
				line-height: 42rpx;
				width: 606rpx;

				.text_5 {
					margin-left: 37rpx;
				}
			}

			.group_6 {
				margin-top: 15rpx;
				height: 558rpx;

				.group_7 {
					height: 445rpx;
					position: relative;

					.image_10 {
						width: 93.5vw;
						height: 33.5vw;
						position: absolute;
						left: 0;
						right: 47rpx;
						top: 193rpx;
					}

					.image_11 {
						width: 105rpx;
						height: 342rpx;
						position: absolute;
						left: 69rpx;
						top: 23rpx;
					}

					.group_8 {
						color: rgb(36, 71, 108);
						font-size: 22rpx;
						line-height: 42rpx;
						width: 580rpx;
						position: absolute;
						left: 117rpx;
						top: 70rpx;
					}

					.text-wrapper_2 {
						padding: 6rpx 0 10rpx;
						color: rgb(255, 255, 255);
						font-size: 30rpx;
						line-height: 28rpx;
						letter-spacing: 2.76rpx;
						white-space: nowrap;
						background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205465120503702.png');
						background-size: 100% 100%;
						background-repeat: no-repeat;
						width: 66rpx;
						position: absolute;
						left: 52rpx;
						top: 0;
					}
				}

				.group_9 {
					margin-top: -43rpx;
					padding-bottom: 30rpx;
					color: rgb(255, 255, 255);
					font-size: 42rpx;
					line-height: 38rpx;
					white-space: nowrap;
					position: relative;

					.text-wrapper_3 {
						padding: 43rpx 0 45rpx;
						box-shadow: 0px 10rpx 30rpx rgba(13, 4, 8, 0.3);
						background-image: url('https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205584986100356.png');
						background-size: 100% 100%;
						background-repeat: no-repeat;
						position: relative;

						.text_15 {
							margin-left: 49rpx;
							margin-right: 36rpx;
						}
					}

					.image_12 {
						width: 181rpx;
						height: 46rpx;
						position: absolute;
						left: 0;
						top: 110rpx;
					}

					.image_13 {
						width: 165rpx;
						height: 45rpx;
						position: absolute;
						right: 0;
						top: 18rpx;
					}
				}
			}

			.group_10 {
				margin-top: 22rpx;
				align-self: center;
				color: rgb(51, 51, 51);
				font-size: 22rpx;
				line-height: 42rpx;
				width: 607rpx;
			}

			.group_11 {
				margin-top: 7rpx;
				padding-bottom: 340rpx;
				position: relative;

				.group_12 {
					padding-top: 27rpx;
					width: 645rpx;
					position: relative;

					.image_14 {
						margin-left: 17rpx;
						width: 105rpx;
						height: 411rpx;
					}

					.group_13 {
						color: rgb(36, 71, 108);
						font-size: 22rpx;
						line-height: 42rpx;
						width: 580rpx;
						position: absolute;
						right: 0;
						top: 50%;
						transform: translateY(-50%);
					}

					.text-wrapper_4 {
						padding: 4rpx 0 13rpx;
						color: rgb(255, 255, 255);
						font-size: 30rpx;
						line-height: 28rpx;
						letter-spacing: 2.76rpx;
						white-space: nowrap;
						background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205476638281274.png');
						background-size: 100% 100%;
						background-repeat: no-repeat;
						width: 66rpx;
						position: absolute;
						left: 0;
						top: 0;
					}
				}

				.group_14 {
					padding-top: 27rpx;
					width: 621rpx;
					position: absolute;
					left: 81rpx;
					top: 425rpx;

					.image_15 {
						margin-right: 17rpx;
						width: 105rpx;
						height: 326rpx;
					}

					.group_15 {
						color: rgb(36, 71, 108);
						font-size: 22rpx;
						line-height: 42rpx;
						position: absolute;
						left: 0;
						right: 27rpx;
						top: 60rpx;
					}

					.text-wrapper_5 {
						padding: 5rpx 0 12rpx;
						color: rgb(255, 255, 255);
						font-size: 30rpx;
						line-height: 28rpx;
						letter-spacing: 2.76rpx;
						white-space: nowrap;
						background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205483294622919.png');
						background-size: 100% 100%;
						background-repeat: no-repeat;
						width: 66rpx;
						position: absolute;
						right: 0;
						top: 0;
					}
				}
			}

			.group_16 {
				height: 477rpx;
				position: relative;

				.image_16 {
					width: 93.5vw;
					height: 33.5vw;
					position: absolute;
					left: 0;
					right: 47rpx;
					top: 224rpx;
				}

				.image_17 {
					width: 105rpx;
					height: 411rpx;
					position: absolute;
					left: 69rpx;
					top: 27rpx;
				}

				.group_17 {
					color: rgb(36, 71, 108);
					font-size: 22rpx;
					line-height: 42rpx;
					width: 580rpx;
					position: absolute;
					left: 117rpx;
					top: 71rpx;
				}

				.text-wrapper_6 {
					padding: 5rpx 0 12rpx;
					color: rgb(255, 255, 255);
					font-size: 30rpx;
					line-height: 29rpx;
					letter-spacing: 2.76rpx;
					white-space: nowrap;
					background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205479870405894.png');
					background-size: 100% 100%;
					background-repeat: no-repeat;
					width: 66rpx;
					position: absolute;
					left: 52rpx;
					top: 0;
				}
			}

			.section_1 {
				margin-top: 25rpx;
				padding: 43rpx 75rpx 167rpx 77rpx;
				background-image: url('https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/618dbcd40163bf0011e4b5aa/618dbd170163bf0011e4b5de/16372205584910689030.png');
				background-size: 100% 100%;
				background-repeat: no-repeat;

				.text_44 {
					align-self: center;
					color: rgb(255, 255, 255);
					font-size: 42rpx;
					line-height: 39rpx;
					white-space: nowrap;
				}

				.group_18 {
					margin-top: 97rpx;

					.text_45 {
						color: rgb(36, 70, 107);
						font-size: 22rpx;
						line-height: 42rpx;
					}

					.text_46 {
						color: rgb(51, 51, 51);
						font-size: 22rpx;
						line-height: 42rpx;
					}

					.text_47 {
						color: rgb(51, 51, 51);
						font-size: 22rpx;
						line-height: 42rpx;
					}

					.text_48 {
						color: rgb(34, 65, 97);
						font-size: 22rpx;
						line-height: 42rpx;
					}

					.text_49 {
						color: rgb(51, 51, 51);
						font-size: 22rpx;
						line-height: 42rpx;
					}

					.text_50 {
						color: rgb(51, 51, 51);
						font-size: 22rpx;
						line-height: 42rpx;
					}

					.text_51 {
						color: rgb(51, 51, 51);
						font-size: 22rpx;
						line-height: 42rpx;
					}

					.text_52 {
						color: rgb(34, 65, 97);
						font-size: 22rpx;
						line-height: 42rpx;
					}

					.text_53 {
						color: rgb(51, 51, 51);
						font-size: 22rpx;
						line-height: 42rpx;
					}

					.text_54 {
						color: rgb(51, 51, 51);
						font-size: 22rpx;
						line-height: 42rpx;
					}
				}
			}

			.text_6 {
				text-decoration: underline;
			}

			.text_13 {
				writing-mode: vertical-lr;
			}
		}

		.text {
			text-transform: uppercase;
		}
	}
</style>
